import React from 'react'
import { useNavigate } from 'react-router-dom'
export default function Steer() {
    const navigate = useNavigate()
    return (
        <div>
            <p style={{ width: '100%', textAlign: 'right', padding: '15px', boxSizing: 'border-box' }}><span
                onClick={() => {
                    navigate('/register')
                }}
                style={{
                    padding: '5px 10px',
                    boxSizing: 'border-box',
                    color: 'white',
                    fontWeight: 'bold',
                    fontSize: '12px',
                    borderRadius: '7px',
                    background: '#808080',
                }}>跳过</span></p>
            <div style={{ height: 'auto', padding: '15px', boxSizing: 'border-box', marginTop: '50px' }}>
                <img src='/img/1.jpg' style={{ width: '100%' }} />
            </div>
            <p style={{ textAlign: 'center', fontWeight: 'bold', height: 'auto' }}>
                <span style={{ color: '#4f88ed' }}>60s</span>
                <span>快速匹配专业医生</span>
            </p>
            <div style={{ width: '50%', margin: '150px auto', height: 'auto', display: 'flex', alignItems: 'center' }}>
                <div style={{ width: '30%' }}>
                    <img src='/img/3.jpg' style={{ width: '47px', height: '40px' }} />
                </div>
                <div style={{ width: '70%' }}>
                    <h3>在 线 问 诊</h3>
                    <p style={{
                        fontSize: '12px',
                        color: 'gray',
                        marginTop: '5px'
                    }}>您身边的健康管理专家</p>
                </div>
            </div>
            <p style={{
                width: '40%',
                height: '7px',
                background: 'black',
                position: 'fixed',
                right: '120px',
                bottom: '5px',
                borderRadius: '50px'
            }}></p>
        </div>
    )
}
